<script setup>
  import { useRouter } from "vue-router";
const props=defineProps({
  title: {
    type: String,
    default: "选择类型",
  },
});
const emits=defineEmits(['open']);
const OpenShow = () => {
  emits('open');
};
const router=useRouter()
const JumpSearch=()=>{
      router.push('/search')
}
</script>
<template>
  <div>
    <div class="_head_title">
      <div class="_head_text" @click="OpenShow">{{ title }}</div>
      <van-icon name="arrow" size="30" @click="OpenShow" />

      <div class="_haed_space"></div>
      <van-icon name="search" size="30" @click="JumpSearch" />
      <van-icon name="service-o" size="30" />
    </div>
  </div>
</template>
<style scoped>
._head_title {
  width: 100%;
  height: 80px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  line-height: 80px;
  justify-content: space-between;
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid grey;
}
._haed_space {
  width: 40%;
}
._head_text {
  width: 22%;
  height: 80px;
  text-align: center;
  line-height: 80px;
}
</style>
